<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
<div id="header" class="position-rel">
    <a href="javascript:void(0);" class="other-header-div other-header-left"><img src="image/head_arrow_back.png">返回</a>
    <div class="other-header-div other-header-right"></div>
</div>

<div id="body">
    <div class="dynamic-info-box">
        <div class="dynamic-info-bg">
            <!--狗狗资料开始-->
            <div class="dynamic-info-header position-rel">
                <div class="dynamic-info-header-img">
                    <img src="image/image_vip.png">
                </div>
                <div class="dynamic-info-name-time">
                    <div class="dynamic-info-name have-sex">家有狗狗<div class="sex female"></div></div>
                    <div class="dynamic-info-time">2015-08-18</div>
                </div>
            </div>
            <!--狗狗资料结束-->

            <!--动态内容开始-->
            <div class="dynamic-info-body-box">
                <div class="dynamic-info-title">中国好室友</div>
                <div class="dynamic-info-text">跟这种室友合租，有点把持不住啊</div>
                <div class="dynamic-info-img">
                    <img src="image/send_state_girl.jpg">
                </div>
            </div>
            <!--动态内容结束-->
        </div>
    </div>


    <!--动态回复开始-->
    <div class="dynamic-info-reply">
        <!--回复楼层开始-->
        <div class="dynamic-info-floor">
            <div class="dynamic-info-other position-rel">
                <a href="javascript:void(0);" class="dynamic-info-other-header"><img src="image/icon.png"></a>
                <div class="dynamic-info-other-name">
                    <div class="dynamic-info-other-name-box have-sex">五月飘着雪<div class="sex male"></div></div>
                    <div class="dynamic-info-other-time-box">30分钟前</div>
                </div>
            </div>

            <div class="dynamic-info-floor-text">
                <div class="dynamic-info-floor-top">小伙伴们快来</div>
                <div class="dynamic-info-floor-bottom">
                    <!--单条回复开始-->
                    <div class="dynamic-info-floor-reply">
                        <a href="javascript:void(0)">Ni个瓜娃子：</a>
                        <span class="text">貌似要火</span>
                        <span class="time">6分钟前</span>
                    </div>
                    <!--单条回复结束-->
                    <!--单条回复开始-->
                    <div class="dynamic-info-floor-reply">
                        <a href="javascript:void(0)">五月飘着雪</a>
                        <span>回复</span>
                        <a href="javascript:void(0)">Ni个瓜娃子：</a>
                        <span class="text">SB</span>
                        <span class="time">6分钟前</span>
                    </div>
                    <!--单条回复结束-->
                    <!--单条回复开始-->
                    <div class="dynamic-info-floor-reply">
                        <a href="javascript:void(0)" class="right">更多8条回复</a>
                        <br class="clear">
                    </div>
                    <!--单条回复结束-->
                </div>
            </div>
        </div>
        <!--回复楼层结束-->
    </div>
    <!--动态回复结束-->
</div>

<div id="footer-margin-top"></div>
<div class="chat-footer position-rel">
    <div class="chat-footer-input">
        <input type="text" placeholder="请输入内容...">
    </div>
    <div class="chat-footer-send">
        <img src="image/emoticonskeyboard.png">
        <div>发送</div>
    </div>
</div>
</body>
</html>